import React from 'react';
import type { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon';
import Icon from '@ant-design/icons';

const AllSvg = () => (
  <svg
    width="19"
    height="16"
    viewBox="0 0 19 16"
    fill="currentColor"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path d="M1 2C1 1.44772 1.44772 1 2 1L6.5 1C7.05228 1 7.5 1.44772 7.5 2V14C7.5 14.5523 7.05228 15 6.5 15H2C1.44772 15 1 14.5523 1 14V2Z" />
    <g filter="url(#filter0_d_896_31242)">
      <path d="M8.5 2C8.5 1.44772 8.94772 1 9.5 1L14 1C14.5523 1 15 1.44772 15 2V6.5C15 7.05228 14.5523 7.5 14 7.5H9.5C8.94772 7.5 8.5 7.05228 8.5 6.5V2Z" />
    </g>
    <path d="M8.5 9.5C8.5 8.94772 8.94772 8.5 9.5 8.5L14 8.5C14.5523 8.5 15 8.94772 15 9.5V14C15 14.5523 14.5523 15 14 15H9.5C8.94772 15 8.5 14.5523 8.5 14V9.5Z" />
    <defs>
      <filter
        id="filter0_d_896_31242"
        x="4.5"
        y="1"
        width="14.5"
        height="14.5"
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity="0" result="BackgroundImageFix" />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dy="4" />
        <feGaussianBlur stdDeviation="2" />
        <feComposite in2="hardAlpha" operator="out" />
        <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" />
        <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_896_31242" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="effect1_dropShadow_896_31242"
          result="shape"
        />
      </filter>
    </defs>
  </svg>
);

const AllIcon = (props: Partial<CustomIconComponentProps>) => {
  return <Icon component={AllSvg} {...props} />;
};

export default AllIcon;
